<template>
  <div class="c-nav row item-container" id="driverNav">
    <div class="col-6 nav-item">
      <router-link class="d-flex" to="/driverlive" exact>
        <img src="static/img/icon_nav_01.png" class="nav-icon" width="45px" height="45px">
        <span>设备信息</span>
      </router-link>
    </div>
    <div class="col-6 nav-item">
      <router-link class="d-flex" to="/dataanalysis">
        <img src="static/img/icon_nav_02.png" class="nav-icon" width="45px" height="45px">
        <span>统计分析</span>
      </router-link>
    </div>
    <div class="col-6 nav-item">
      <router-link class="d-flex" to="/safetywarning">
        <img src="static/img/icon_nav_03.png" class="nav-icon" width="45px" height="45px">
        <span>安全警告</span>
      </router-link>
    </div>
    <div class="col-6 nav-item">
      <a class="d-flex" style="cursor: not-allowed;">
        <img src="static/img/icon_nav_04.png" class="nav-icon" width="45px" height="45px">
        <span>管理工具</span>
      </a>
    </div>
  </div>
</template>

<script>
export default {
  name: "Nav",
  data() {
    return {};
  },
  methods: {}
};
</script>
<style scoped>
</style>


